<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		.all{
			width:800px;
			height:600px;
			border:1px soild black;
			margin: 0 auto;
		}
		.item{
			width:180px;
			height:140px;
			margin: 10px;
			background-color: aliceblue;
			float: left;
		}
		.item>img{
			width: 100%;
			height: 110px;
			border: #F0F8FF;
			border-radius: 10px;
		}
		</style>
	</head>
	<body>
		<div class="item">
			<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
			一家四代70年干当乡村老师，件等故事
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			<div class="item">
				<img src="C:\Users\李帅\Desktop\李帅第三周考试" >
				一家四代70年干当乡村老师，件等故事
				
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		var arr=[{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		{
			img:.\Users\李帅\Desktop\李帅第三周考试,
			title:"一家四代70年干当乡村老师，件等故事"
		},
		
		]
		var str=‘’
		for(v of arr){
			console.log(v)
						str += '<div class="item"><img src="' + v.img + '">' + v.title + '</div>';
					}
					document.getElementsByClassName('all')[0].innerHTML = str
		}
	</script>
</html>
